<!DOCTYPE html>
<style>
    .line { clear:both; }
    .fakeColumn { float:left; width:1em; }
    .fakeSpan { float:left; width:2em; }
    .first { color:green; }
    .second { color:blue; }
</style>
<p>Test that a column-span:all in an inner multicol container breaks nicely within the outer
    multicol container.</p>
<p>There should be two lines with letters below, with large letter spacing. The first line should
    have green letters. The second line should have blue letters.</p>
<div style="font:16px/30px monospace;">
    <div class="line first">
        <div class="fakeColumn">C</div>
        <div class="fakeColumn">A</div>
        <div class="fakeSpan">N</div>
        <div class="fakeSpan">I</div>
        <div class="fakeColumn">B</div>
        <div class="fakeColumn">E</div>
    </div>
    <div class="line second">
        <div class="fakeSpan">M</div>
        <div class="fakeSpan">R</div>
        <div class="fakeColumn">B</div>
        <div class="fakeColumn">E</div>
        <div class="fakeColumn">E</div>
        <div class="fakeColumn">R</div>
    </div>
</div>
